<template>
  <div class="subhead">
    <div class="line"></div>
    <div class="title">{{subhead}}</div>
    <div class="line"></div>    
  </div>
</template>

<script>
  export default {
    props: {
      subhead: {
        type: String
      }
    }
  }
</script>

<style lang="stylus" scoped>
  .subhead
    display flex
    width 80%
    margin 28px auto 24px auto
    color #fff
    .line
      flex 1
      position relative
      bottom 6px
      border-bottom 1px solid rgba(255, 255, 255, 0.2)
    .title
      padding 0 12px
      font-size 14px
      font-weight 700

</style>
